/**
 * @flow
 */

import React from 'react';
import {
  StyleSheet,
  Image
} from 'react-native';
import {
  DrawerNavigator
} from 'react-navigation';

import SimpleTabs from './TabNavigator/SimpleTabs';
import TabNav from './TabNavigator/StacksOverTabs';

const Locker = DrawerNavigator({

  StacksOverTabs: {
    title: 'SET',
    screen: TabNav,
    navigationOptions: {
      drawerLabel: '哇，这都能找到，太厉害了！',
      drawer: () => ({
        label: '侧边栏',
        icon: ({
          tintColor
        }) => (
          <Image
          source={focused ? require('../static/Image/bottombtn0102.png') : require('../static/Image/bottombtn0101.png')}//Image/bottombtn0101.png
          style={[styles.icon, {tintColor: tintColor}]}
          />
        ),
      }),
    },
  },
  SimpleTabs: {
    screen: SimpleTabs,
    navigationOptions: {
      drawerLabel: '功能插件',
      drawer: () => ({
        label: '测试侧边栏',
        icon: ({
          tintColor
        }) => (
          <Image
          source={focused ? require('../static/Image/bottombtn0302.png') : require('../static/Image/bottombtn0301.png')}
          style={[styles.icon, {tintColor: tintColor}]}
          />
        ),
      }),
    },
  },
});
const styles = StyleSheet.create({
  icon: {
    width: 26,
    height: 26,
  },
});
export default Locker;